	<div id="content">
		<p id="num">Scroll Position</p>
		<!-- First see  -->
		<div id="welcomeScreen">
			<div id="bgwelcomeScreen"></div>
			<div id="chargakusei"></div>
			<div id="charha"></div>
			<div id="chardoko"></div>
			<div id="charshigoto"></div>
			<div id="charha1"></div>
			<div id="chardoko1"></div>
			<div id="charboku"></div>
			<div id="charno"></div>
			<div id="charsenmon"></div>
			<div id="chardarou"></div>
		</div>
		<!-- parralax-inbox-Try -->
		<div class="sp-slideshow">
			<input id="button-1" type="radio" name="radio-set"
				class="sp-selector-1" checked="checked" /> <label for="button-1"
				class="button-label-1"></label> <input id="button-2" type="radio"
				name="radio-set" class="sp-selector-2" /> <label for="button-2"
				class="button-label-2"></label> <input id="button-3" type="radio"
				name="radio-set" class="sp-selector-3" /> <label for="button-3"
				class="button-label-3"></label> <input id="button-4" type="radio"
				name="radio-set" class="sp-selector-4" /> <label for="button-4"
				class="button-label-4"></label> <input id="button-5" type="radio"
				name="radio-set" class="sp-selector-5" /> <label for="button-5"
				class="button-label-5"></label> <label for="button-1"
				class="sp-arrow sp-a1"></label> <label for="button-2"
				class="sp-arrow sp-a2"></label> <label for="button-3"
				class="sp-arrow sp-a3"></label> <label for="button-4"
				class="sp-arrow sp-a4"></label> <label for="button-5"
				class="sp-arrow sp-a5"></label>
			<div class="sp-content">
				<div class="sp-parallax-bg"></div>
				<ul class="sp-slider clearfix">
					<li><img src="/homepage/imgs/parallaxmovie/image1.png" alt="image01" />
					</li>
					<li><img src="/homepage/imgs/parallaxmovie/image2.png" alt="image02" />
					</li>
					<li><img src="/homepage/imgs/parallaxmovie/image3.png" alt="image03" />
					</li>
					<li><img src="/homepage/imgs/parallaxmovie/image4.png" alt="image04" />
					</li>
					<li><img src="/homepage/imgs/parallaxmovie/image5.png" alt="image05" />
					</li>
				</ul>
			</div>
			<!-- sp-content -->
		</div>
	</div>
	<header>
		<div id="tabNaviHeader">
			<nav>
				<ul id="nav_header">
					<li><a href="/works">WORK</a></li>
					<li><a href="/games">GAME</a></li>
					<li><a href="/contact-us">CONTACT US</a></li>
					<li><a href="/survey">SURVEY</a></li>
					<li><a href="/register">REGISTER</a></li>
				</ul>

			</nav>
		</div>
	</header>
	<footer>
		<div id="tabNaviFooter">
			<nav>
				<ul id="nav_footer">
					<li><a href=""><img alt="introduce"
							src="/homepage/imgs/parallaxOn.png"> </a></li>
					<li><a href=""><img alt="describe"
							src="/homepage/imgs/parallaxOut.png"> </a></li>
					<li><a href=""><img alt="coporation"
							src="/homepage/imgs/parallaxOut.png"> </a></li>
					<li><a href=""><img alt="kinousyokai"
							src="/homepage/imgs/parallaxOut.png"> </a></li>
					<li><a href=""><img alt="saigo" src="/homepage/imgs/parallaxOut.png">
					</a></li>
				</ul>
				<div class="clr"></div>
			</nav>
		</div>
		<div id="coporation_collapse">
			<img id="kakehashilogo" alt="kakehashi" src="/homepage/imgs/kakehashiLogo.png">
			<img id="meetbowllogo" alt="meetbowl" src="/homepage/imgs/meetbowlLogo.png">
			<img id="hataracoologo" alt="hataracoo" src="/homepage/imgs/hataracooLogo.png">
		</div>
	</footer>
